/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-cascader {
	--pure-popup-height: var(--pure-cascader-height, 50vh);
	--pure-popup-content-padding: 0;

	&__view {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	&__titles {
		flex-shrink: 0;
		padding: var(--pure-cascader-titles-padding, 0 16px);
		--pure-tabs-item-padding: var(--pure-cascader-titles-item-padding, 0);
		--pure-tabs-items-gap: var(--pure-cascader-titles-items-gap, 20px);
		border-bottom-width: var(--pure-cascader-titles-border-bottom-width, 0);
		border-bottom-color: var(--pure-cascader-titles-border-bottom-color, var(--pure-border-color-default));
		border-bottom-style: var(--pure-cascader-titles-border-bottom-style, solid);
		font-size: var(--pure-cascader-titles-font-size);
		font-weight: var(--pure-cascader-titles-font-weight, 500);
		color: var(--pure-cascader-titles-color);
	}

	&__swiper {
		flex: 1;
		width: 100%;
	}

	&__column {
		&__scroll-view {
			height: 100%;
		}

		&__items {
			padding: var(--pure-cascader-column-items-padding, 8px 16px);
		}

		&__item {
			padding: var(--pure-cascader-item-padding, 8px 0);
			display: flex;
			flex-direction: row;
			align-items: center;

			&__label {
				flex: 1;
			}

			&__icon {
				flex-shrink: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				opacity: 0;
				transform: scale(0);
				transition: var(--pure-cascader-item-icon-transition, all 250ms);
				font-size: var(--pure-cascader-item-icon-font-size, var(--pure-font-size-large));
				font-weight: var(--pure-cascader-item-icon-font-weight, 500);
				color: var(--pure-cascader-item-icon-color);
			}

			&--active {
				color: var(--pure-cascader-item-active-color, var(--pure-theme-primary));

				.pure-cascader__column__item__icon {
					opacity: 1;
					transform: scale(1);
				}
			}

			&--disabled {
				color: var(--pure-cascader-item-disabled-color, var(--pure-text-color-placeholder));
				opacity: var(--pure-cascader-item-disabled-opacity, var(--pure-opacity-disabled));
				pointer-events: none;
				cursor: not-allowed;
			}
		}
	}
}
